/*
		FrigateBird-LightBox
		Version:	v1.0.0
		Author:		futureis404
		Website:	http://www.python-pro.com
		GitHub:		https://github.com/futureis404/FrigateBird-LightBox
	*/
.ImgWindow {
  /*transform:scale(0.5,0.5);*/
}
.ImgBox {
  cursor:zoom-out;
  position: relative;
  line-height:0;
}
.ImgBox>img {
  max-height:500px;
  box-shadow:0 0 5px #999 inset;
}
.ImgNumber {
  position:absolute;
  top:30px;
  left:30px;
  font-size:12px;
  color:#fff;
  line-height:100%;
  text-shadow:1px 1px 2px #333;
}
.ImgBox>.ImgText {
  position: absolute;
  bottom:0;
  left:0;
  right:0;
  line-height:200%;
  background:rgba(0,0,0,0.4);
  color:#fff;
  font-weight:normal;
  font-size:12px;
}
.ImgListBoxMain {
  overflow:hidden;
  margin:10px auto 5px auto;
}
.ImgListBox {
  width:600px;
  /*height:86px;*/
  overflow:hidden;
  clear:both;
}
.ImgListBox>.ViewImgList {
  width:100px;
  height:70px;
  float:left;
  border:1px solid #ccc;
  padding:5px;
  margin:4px;
  overflow:hidden;
  cursor:pointer;
}
.ImgListBox>.ViewImgList>img {
  width:100%;
  height:100%;
}
.ImgListBox>.ViewImgListFocus {
  box-shadow:0 0 5px #6DA2EE inset;
}
.ImgListBox>.ViewImgList:hover{
  box-shadow:0 0 5px #6DA2EE inset;
}
.ImgPrev,.ImgNext {
  opacity: 0.6;
  width:50px;
  height:50px;
  position: absolute;
  cursor: pointer;
  top:50%;
  margin-top:-25px;
}
.ImgPrev:hover,.ImgNext:hover {
  opacity: 1;
}
.ImgPrev>img,.ImgNext>img {
  width:50px;
  height:50px;
}
.ImgPrev {
  left:-70px;
}
.ImgNext {
  right:-70px;
}

.ImgWindow {
  position: fixed;
  top:50%;
  left:50%;
  padding:20px;
  background:#fff;
  z-index: 99999;
  border:1px solid transparent;
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
  text-align:center;
  display:none;
}
.ImgWindow>.ImgBox>img {
  max-width:600px;
}
.ImgWindow>p {
  line-height:100px;
  font-size:32px;
  padding:0;
  margin:0;
}

.CloseBtn {
  background: #333;
  border: 1px solid transparent;
  background:#333 \9;
  color:#fff;
  text-align:center;
  padding:5px 10px;
  width:100px;
  margin:auto;
  border-radius: 5px;
  cursor: pointer;
}
.closeBtnIco {
  position:absolute;
  top:-3px;
  right:-4px;
  line-height:30px;
  width:30px;
  height:30px;
  cursor:pointer;
  font-size:22px;
}
.closeBtnIco:hover {
  opacity: 0.7;
}
.closeBtnIco >img {
  width:20px;
  height:20px;
}
.ImgKey {
  font-size:12px;
  color:#bebebe;
  display:none;
}
.ViewImg {
  cursor:zoom-in;
  width:100%;
  height:auto;
}
.mask {
  background: rgba(0,0,0,0.9);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99995;
  display:none;
  cursor:zoom-out;
}